<template>
  <div class="shebei">
    <div demo-bg>
      <dv-scroll-board :config="config" style="width: 100%; height: 30vh" />
    </div>
  </div>
</template>

<script setup lang="ts">
import { reactive } from "vue";
const config = reactive({
  header: ["序号", "楼号", "设备状态"],
  data: [
    [1, "二号楼", "摄像头灭火报警"],
    [2, "三号楼", "摄像头灭火报警"],
    [3, "四号楼", "摄像头灭火报警"],
    [4, "五号楼", "摄像头灭火报警"],
    [5, "六号楼", "摄像头灭火报警"],
    [6, "六号楼", "摄像头灭火报警"],
    [6, "六号楼", "摄像头灭火报警"],
  ],
  headerBGC: "#092793",
  oddRowBGC: "#080d54",
  evenRowBGC: "#0a1359",
  columnWidth: [150],
  align: ["center"],
});
</script>

<style>
.shebei {
  width: 80%;
  height: 100%;
  margin: 0 10%;
}
</style>
